<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>颜如玉后台管理平台</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./layui/css/layui.css" media="all">
    <link rel="stylesheet" href="./layui/css/global-iframe.css">
    <link rel="stylesheet" type="text/css" href="./layui/css/iconfont/iconfont.css">
</head>

<body>
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header header header-demo">
            <div class="layui-main">
                <a class="logo" href="/">
                    
                </a>
                <div class="layui-form component">
                    <select lay-search lay-filter="component">
                        <option value="">搜索菜单</option>
                        <option value="#1489724249329" data-rule-id="1">首页</option>
                        <option value="#2017" data-rule-id="2">书籍列表</option>
                        <option value="#3" data-rule-id="3">书籍标签</option>
                    </select>
                </div>
                <ul class="layui-nav" pc>
                    <li class="layui-nav-item ">
                        <a href="#">文档</a>
                    </li>
                    <li class="layui-nav-item layui-this" pc>
                        <a href="#" target="_blank">后台</a>
                    </li>
                    <li class="layui-nav-item" pc>
                        <a href="#" target="_blank">社区</a>
                    </li>
                    <li class="layui-nav-item" pc>
                        <a href="javascript:;">周边</a>
                        <dl class="layui-nav-child">
                            <dd><a href="#" target="_blank">即时聊天</a></dd>
                            <dd><a href="#" target="_blank">社区模版</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item" mobile>
                        <a href="javascript:;">更多</a>
                        <dl class="layui-nav-child">
                            <dd><a href="#" target="_blank">社区</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div><!-- 头部结束 -->
        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
                <div class="sidebar-fold" id="sidebar-icon"><span class="iconfont icon-category"></span></div>
                <ul class="layui-nav layui-nav-tree site-demo-nav">
                    <li class="layui-nav-item layui-nav-itemed">
                        <a class="javascript:;" href="main.html" data-rule-id="1">首页面板</a>
                    </li>
                    <li class="layui-nav-item layui-nav-itemed">
                        <a class="javascript:;" href="javascript:;">书籍管理</a>
                        <dl class="layui-nav-child">
                            <dd class="">
                                <a href="#" data-rule-id="2">
                                    <cite>书籍列表</cite>
                                </a>
                            </dd>
                            <dd class="">
                                <a href="#" data-rule-id="3">
                                    <cite>书籍标签</cite>
                                </a>
                            </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item layui-nav-itemed">
                        <a class="javascript:;" href="javascript:;">会员管理</a>
                        <dl class="layui-nav-child">
                            <dd class="">
                                <a href="#" data-rule-id="4">
                                    <cite>会员列表</cite>
                                </a>
                            </dd>
                            <dd class="">
                                <a href="#" data-rule-id="5">
                                    <cite>会员分组</cite>
                                </a>
                            </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item layui-nav-itemed">
                        <a class="javascript:;" href="javascript:;">权限管理</a>
                        <dl class="layui-nav-child">
                            <dd class="">
                                <a href="#" data-rule-id="6">
                                    <cite>用户列表</cite>
                                </a>
                            </dd>
                            <dd class="">
                                <a href="#" data-rule-id="7">
                                    <cite>用户分组</cite>
                                </a>
                            </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item layui-nav-itemed">
                        <a class="javascript:;" href="javascript:;">个人中心</a>
                        <dl class="layui-nav-child">
                            <dd class="">
                                <a href="#" data-rule-id="8">
                                    <cite>个人资料</cite>
                                </a>
                            </dd>
                            <dd class="">
                                <a href="#" data-rule-id="9">
                                    <cite>退出</cite>
                                </a>
                            </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item" style="height: 30px; text-align: center"></li>
                </ul>
            </div>
        </div><!-- 导航结束 -->
        <div class="layui-tab layui-tab-brief" lay-filter="iframe" lay-allowclose="true">
            <ul class="layui-tab-title site-demo-title">
                
            </ul>
            <div class="layui-body layui-tab-content site-demo site-demo-body">
                
            </div>
        </div><!-- 正文结束 -->
        <div class="layui-footer footer footer-demo">
            <div class="layui-main">
                <p>&copy; 2017 <a href="/">book.com</a> MIT license</p>
                <p>
                    <a href="" target="_blank">案例</a>
                    <a href="" target="_blank">捐赠</a>
                    <a href="">联系</a>
                    <a href="" target="_blank">Git仓库</a>
                    <a href="" target="_blank">微信公众号</a>
                </p>
            </div>
        </div><!-- 底部结束 -->
        <div class="site-tree-mobile layui-hide">
            <i class="layui-icon">&#xe602;</i>
        </div>
        <div class="site-mobile-shade"></div>
        <script src="./layui/layui.js" charset="utf-8"></script>
        <script>
        layui.config({
            base: './layui/lay/my-modules/',
            version: '1489724249329'
        }).use('global');
        </script>
    </div>
</body>

</html>
